<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('报价单打印')"/>
    <style type="text/css">
         @media print {
            .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
                /* padding: 8px; */
                line-height: 1.5;
                vertical-align: top;
                padding: 0px;
                border-top: 1px solid #ddd;
                height: 25px;
                font-size: 4pt;
            }

            .print-title {
                font-size: 6pt;
            }
            
            
        } 
        .border-all{
            border: 1px solid #ddd;
        }
        .border-left-right{
	         border-top: none !important;
	         border-left: 1px solid #ddd;
	         border-right: 1px solid #ddd;
	         border-bottom: none !important;
        }
        .border-left-right-top{
	         border-top: 1px solid #ddd;
	         border-left: 1px solid #ddd;
	         border-right: 1px solid #ddd;
	         border-bottom: none !important;
        }
        .center-middle
        {
        	text-align: center !important;
        	vertical-align:middle !important;
        }
        .left-middle
        {
        	text-align: left !important;
        	vertical-align:middle !important;
        }
    </style>
</head>
<body class="white-bg center">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <table class="table print">
                <tr style="height:0px">
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                    <td style="width:3%" class="no-borders"></td>
                </tr>
                <tr>
                    <td colspan="33" class="print-title border-left-right-top" style="text-align: left;">北京市海淀区中国大厦</td>
                </tr>
                <tr>
                    <td colspan="33" class="print-title border-left-right" style="text-align: left;">营业时间：周一至周五09:00-18:00</td>
                </tr>
                <tr>
                    <td colspan="33" class="print-title border-left-right" style="text-align: left;">Tel:(01)2345-6772</td>
                </tr>
                <tr>
                    <td colspan="33" class="print-title border-left-right" style="text-align: left;">Faz:(01)2345-6772</td>
                </tr>
                <tr style="height:80px;">
                    <td colspan="33" class="print-title border-all" style="text-align: center;vertical-align:middle;font-size:22pt;">报价单</td>
                </tr>
                <tr>
                    <td colspan="5" class="center-middle border-all">客户名称：</td>
                    <td colspan="6" class="left-middle border-all">[[${customer.customerName}]]</td>
                    <td colspan="5" class="center-middle border-all">联系人：</td>
                    <td colspan="17" class="center-middle border-all"></td>
                </tr>
                <tr>
                    <td colspan="5" class="center-middle  border-all">联络电话：</td>
                    <td colspan="6" class="left-middle border-all">[[${customer.telephone}]]</td>
                    <td colspan="5" class="center-middle  border-all">E-mail：</td>
                    <td colspan="17" class="left-middle border-all">[[${customer.email}]]</td>
                </tr>
                <tr>
                    <td colspan="5" class="center-middle  border-all">传真：</td>
                    <td colspan="6" class="left-middle border-all">[[${customer.fax}]]</td>
                    <td colspan="5" class="center-middle  border-all">地址：</td>
                    <td colspan="17" class="left-middle border-all">[[${customer.address}]]</td>
                </tr>
                <tr>
                	<td colspan="33"style="border-left: 1px solid #ddd;border-right: 1px solid #ddd;"></td>
                </tr>
                <tr>
                    <td colspan="5" class="center-middle  border-all">报价人：</td>
                    <td colspan="6" class="left-middle border-all">[[${orderPrice.prcieBy}]]</td>
                    <td colspan="5" class="center-middle  border-all">报价时间：</td>
                    <td colspan="6" class="left-middle border-all">[[${#dates.format(orderPrice.prcieDate, 'yyyy年MM月dd')}]]</td>
                    <td colspan="5" class="center-middle  border-all">有效期：</td>
                    <td colspan="6" class="left-middle border-all">[[${#dates.format(orderPrice.prcieEndDate, 'yyyy年MM月dd')}]]</td>
                </tr>
                <tr>
                    <td colspan="5" class="center-middle  border-all">联络电话：</td>
                    <td colspan="6" class="left-middle border-all">[[${customer.telephone}]]</td>
                    <td colspan="5" class="center-middle  border-all">E-mail：</td>
                    <td colspan="17" class="left-middle border-all">[[${customer.email}]]</td>
                </tr>
                <tr>
                	<td colspan="33"style="border-left: 1px solid #ddd;border-right: 1px solid #ddd;;border-top:1px solid #ddd ;border-bottom:1px solid #ddd ;"></td>
                </tr>
                <tr>
                    <td colspan="4" class="center-middle  border-all">编号</td>
                    <td colspan="10" class="center-middle  border-all">产品名称</td>
                    <td colspan="4" class="center-middle  border-all">规格</td>
                    <td colspan="9" class="center-middle  border-all">包装说明</td>
                    <td colspan="3" class="center-middle  border-all">单价(TW)</td>
                    <td colspan="3" class="center-middle  border-all">基本订购量</td>
                </tr>
                <tr th:each="p, State : ${products}">
					<td colspan="4" class="center-middle  border-all" th:text="${State.index+1}"></td>
			        <td colspan="10" class="center-middle  border-all" th:text="${p.productName}"></td>
                    <td colspan="4" class="center-middle  border-all"></td>
                    <td colspan="9" class="center-middle  border-all"></td>
                    <td colspan="3" class="center-middle  border-all" th:text="${p.sellPrice}"></td>
                    <td colspan="3" class="center-middle  border-all" th:text="${p.productCount}"></td>
			    </tr>
                <tr>
                    <td colspan="5" class="center-middle  border-all">注意事项</td>
                    <td colspan="28" class="left-middle border-all">
						1.	税金外加5%。
						<br/>
						2.	此报价单若有任何问题,欢迎于上班时间内来电洽询,我们将竭诚为您服务。
						<br/>
						3.	若蒙贵单位确认本单所载之内容正确无误，请于下列买方处签章，做为日后交易之依据，谢谢您。					
					</td>
                </tr>
                <tr>
                    <td colspan="16" class="center-middle  border-all">客户代表签章</td>
                    <td colspan="17" class="center-middle  border-all">卖方代表签章</td>
                </tr>
                <tr style="height:33px;">
                    <td colspan="16" class="center-middle  border-all"></td>
                    <td colspan="17" class="center-middle  border-all"></td>
                </tr>
                <tr>
                    <td colspan="16" class="center-middle  border-all">日期：</td>
                    <td colspan="17" class="center-middle  border-all">日期：</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="text-right hidden-print">
        <button class="btn btn-primary" onclick="printPage()"><i class="fa fa-print"></i> 打印</button>
    </div>
</div>

<th:block th:include="include :: footer"/>
<script type="text/javascript">
    function printPage() {
        window.print();
    }
</script>
</body>
</html>
